
<html>
<head>
<title>pagina web movil</title>
<link  rel="stylesheet" type="text/css" href="jqm/jquery.mobile-1.3.1.css" >
<script type="text/javascript" src="jquery-1.10.1.min.js"> </script>
<script type="text/javascript" src="jqm/jquery.mobile-1.3.1.js"> </script>
</head>


<body>
<!-- <div data-role="page" data-theme="a"> </div>  -->
 <div data-role="page" id="pagina1">
 
 <!-- cabecera-->
 <div data-role="header" data-theme="b">
<h1> esta es la cabezera</h1>
 
</div>

<!-- contenido-->
 <div data-role="content">
 <form action="registro.php" method="POST" >
 
 
 <label for="usuario">usuario:</label>
 <input type="text" name="usuario" id="usuario">
 
<!--(se usa para pegar label con input, se coloca entre cada componente) <div data-role="fieldcontain"> </div>-->
 
 <label for="contraseña">password:</label>
 <input type="password" name="contraseña" id="contraseña"> 

 <input  type="submit" data-theme="a" data-icon="help" name="enviar" value="verificar"  >

 
 <a href="index.html" data-role="button" data-theme="a" data-icon="help" data-rel="back" > ir a pagina 1</a>
 <p >contenido de la pagina para probar</p>

  
  </form>
 </div>

<!--pie de pagina-->
<div data-role="footer" data-theme="e">
<h2>pie de pagina</h2>
</div> 
 



 </div> 
 

 
</body>

</html>